<script setup>
//合并往来单位一览表模块,采用tabs页切换的方式
import salesCustom from '@/views/statistics/saleStatistics/sales-ranking/salesCustom/index.vue'
import salesKc from '@/views/statistics/saleStatistics/sales-ranking/salesKc/index.vue'
const tabName = ref('物料统计')
</script>

<template>
  <div class="app-container">
    <div class="app-lable">
      <div>统计方式：</div>
      <el-radio-group v-model="tabName">
        <el-radio-button label="物料统计">物料统计</el-radio-button>
        <el-radio-button label="客户统计">客户统计 </el-radio-button>
      </el-radio-group>
    </div>
    <salesCustom v-if="tabName == '客户统计'" />
    <salesKc v-if="tabName == '物料统计'" />
  </div>
</template>
<style lang="scss" scoped>
.app-lable {
  display: flex;
  flex-direction: row;
  align-items: center;
}
</style>
